//ajax 基地址==========================================
axios.defaults.baseURL = 'http://www.itcbc.com:8000';

//拦截器的安装==========================================
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    NProgress.start()// 显示 加载中界面
    config.headers.Authorization = localStorage.getItem("token");//在请求头设置 Authorization 属性，将 token 数据传给后台
    return config;
}, function (error) {
    // 对请求错误做些什么
    // NProgress.done()
    return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 2xx （200 300） 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    NProgress.done() // 关闭 加载中界面
    if (response.data.code !== 0) {
        toastr["warning"](response.data.message, "不行哦!"); //显示 提示 弹框
        // return
    }
    return response;
}, function (error) {
    // 超出 2xx（200 300） 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    // console.dir(error);
    toastr["error"](error.response.data.message, "注意喔！"); //显示 提示 弹框
    NProgress.done()// 关闭 加载中界面
    return Promise.reject(error);
});

//引入 弹窗窗口样式外观的库的设置==========================================
toastr.options = {
    // closeButton: true,//显示关闭按钮
    // debug: false,
    // progressBar: true,//显示进度条
    positionClass: "toast-center-center",//位置
    // onclick: null,//点击消息框自定义事件
    showDuration: 300,//显示动作时间
    hideDuration: 1000,//隐藏动作时间
    timeOut: 2000,//显示时间,0为永久显示
    // extendedTimeOut: 1000,//鼠标移动过后显示显示时间
    // showEasing: swing,
    // hideEasing: linear,
    // showMethod: fadeIn,//显示方式
    // hideMethod: fadeOut//隐藏方式
};

// 向后端请求 学生信息
const fuck = async function () {
    const stuInf = await axios({
        url: "/student/list",
    })
    // 解构    数组内的  对象 用来拼接字符串
    document.querySelector('tbody').innerHTML = stuInf.data.data.reduce((beforHtml, item) => {
        const { id, name, age, sex, group, phone, salary, truesalary, province, city, county } = item
        return beforHtml + `<tr>
          <th scope="row">${id}</th>
          <td>${name}</td>
          <td>${age}</td>
          <td>${sex}</td>
          <td>${group}</td>
          <td>${phone}</td>
          <td>${salary}</td>
          <td>${truesalary}</td>
          <td>${province + city + county}</td>
          <td>
            <button type="button" class="btn btn-primary btn-sm" data-id=${id}>修改</button>
            <button type="button" class="btn btn-danger btn-sm">删除</button>
          </td>
        </tr>`
    }, "")
}